<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../jsp/common/head.jsp"%>
        <div class="right">
            <div class="location">
                <strong>你现在所在的位置是:</strong>
                <span>用户管理页面</span>
            </div>
            <div class="search">
           		<form method="post" action="${pageContext.request.contextPath }/user.html">
					<input name="method" value="query" class="input-text" type="hidden">
					 <span>用户名：</span>
					 <input name="queryname" class="input-text"	type="text" value="${queryname }">
					 
					 <span>用户角色：</span>
					 <select name="queryUserRole">
						<c:if test="${roleList != null }">
						   <option value="0">--请选择--</option>
						   <c:forEach var="role" items="${roleList}">
						   		<option <c:if test="${role.id == queryUserRole }">selected="selected"</c:if>
						   		value="${role.id}">${role.roleName}</option>
						   </c:forEach>
						</c:if>
	        		</select>
					 
					 <input type="hidden" name="pageIndex" value="1"/>
					 <input	value="查 询" type="submit" id="searchbutton">
					 <a href="${pageContext.request.contextPath}/userAdd.html">添加用户</a>
				</form>
            </div>
            <!--用户-->
            <table class="providerTable" cellpadding="0" cellspacing="0">
                <tr class="firstTr">
                    <th width="10%">用户编码</th>
                    <th width="20%">用户名称</th>
                    <th width="10%">性别</th>
                    <th width="10%">年龄</th>
                    <th width="10%">电话</th>
                    <th width="10%">用户角色</th>
					<th width="10%">状态</th>
                    <th width="20%">操作</th>
                </tr>
                   <c:forEach var="user" items="${page.list }" varStatus="status">
					<tr>
						<td>
						<span>${user.userCode }</span>
						</td>
						<td>
						<span>${user.userName }</span>
						</td>
						<td>
							<span>
								<c:if test="${user.gender==1}">男</c:if>
								<c:if test="${user.gender==2}">女</c:if>
							</span>
						</td>
						<td>
						<span>${user.age}</span>
						</td>
						<td>
						<span>${user.phone}</span>
						</td>
						<td>
							<span>${user.userRoleName}</span>
						</td>
						<td class="td-status">
							<c:if test="${user.status =='1' }"><span class="label label-success radius">已启用</span></c:if>
							<c:if  test="${user.status =='0' }"><span class="label label-defaunt radius">已禁用</span></c:if>
						</td>
						<td class="td-manage">
							<c:if test="${user.status =='1' }">
								<a style="text-decoration:none" onClick="member_stop(this,'${user.id}')" href="javascript:;" title="禁用"><img src="${pageContext.request.contextPath }/images/stop.png" style="width: 20px;height: 20px"/></a>
								<span><a class="viewUser" href="javascript:;" userid=${user.id } username=${user.userName }><img src="${pageContext.request.contextPath }/images/read.png" alt="查看" title="查看"/></a></span>
								<span><a class="modifyUser" href="javascript:;" userid=${user.id } username=${user.userName }><img src="${pageContext.request.contextPath }/images/xiugai.png" alt="修改" title="修改"/></a></span>
								<span><a class="deleteUser" href="javascript:;" userid=${user.id } username=${user.userName }><img src="${pageContext.request.contextPath }/images/schu.png" alt="删除" title="删除"/></a></span>
							</c:if>
							<c:if test="${user.status =='0' }">
								<a style="text-decoration:none" onClick="member_start(this,'${user.id}')" href="javascript:;" title="启用"><img src="${pageContext.request.contextPath }/images/start.png" style="width: 20px;height: 20px"/></a>
								<span><a class="viewUser" href="javascript:;" userid=${user.id } username=${user.userName }><img src="${pageContext.request.contextPath }/images/read.png" alt="查看" title="查看"/></a></span>
								<span><a class="modifyUser" href="javascript:;" userid=${user.id } username=${user.userName }><img src="${pageContext.request.contextPath }/images/xiugai.png" alt="修改" title="修改"/></a></span>
								<span><a class="deleteUser" href="javascript:;" userid=${user.id } username=${user.userName }><img src="${pageContext.request.contextPath }/images/schu.png" alt="删除" title="删除"/></a></span>
							</c:if>
						</td>
					</tr>
				</c:forEach>
			</table>
			<input type="hidden" id="totalPageCount" value="${page.total}"/>
		  	<c:import url="rollpage.jsp">
	          	<c:param name="totalCount" value="${page.count}"/>
	          	<c:param name="currentPageNo" value="${page.index}"/>
	          	<c:param name="totalPageCount" value="${page.total}"/>
          	</c:import>
        </div>
    </section>

<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeUse">
    <div class="removerChid">
        <h2>提示</h2>
        <div class="removeMain">
            <p>你确定要删除该用户吗？</p>
            <a href="#" id="yes">确定</a>
            <a href="#" id="no">取消</a>
        </div>
    </div>
</div>

<%@include file="../jsp/common/foot.jsp" %>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/userlist.js"></script>
<script type="text/javascript">
	/*用户-停用*/
	function member_stop(obj,id){
			$.ajax({
				type: 'POST',
				url:  'updateStatusController?id='+id+'&status=0',
				dataType: 'json',
				success: function(data){
					$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_start(this,id)" href="javascript:;" title="启用"><img src="start.png" style="width: 20px;height: 20px"></a>');
					$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已禁用</span>');
					$(obj).remove();
					layer.msg('已停用!',{icon: 5,time:1000});
					layer.location.reload();
					window.location.href=path+"/user.html";
				},
				error:function(data) {
					window.location.href=path+"/user.html";
					window.location.reload();
				}
			});
	}

	/*用户-启用*/
	function member_start(obj,id){
			$.ajax({
				type: 'POST',
				url: 'updateStatusController?id='+id+'&status=1',
				dataType: 'json',
				success: function(data){
					$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_stop(this,id)" href="javascript:;" title="停用"><img src="stop.png" style="width: 20px;height: 20px"></i></a>');
					$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
					$(obj).remove();
					layer.msg('已启用!',{icon: 6,time:1000});
					window.location.href=path+"/user.html";
				},
				error:function(data) {
					window.location.href=path+"/user.html";
					window.location.reload();
				},
			});
		}
</script>